<div class="container w-full w-auto-xs font-chinese" ng-controller="ApplyController" ng-init="app.settings.container = false;" >
    <div class="row clearfix m-t-md">
        <div class="col-md-3 column"></div>
        <div class="col-md-6 column">
            <div class="panel panel-default">
                <div class="panel-heading font-bold">入驻申请</div>
                <div class="panel-body ">
                    <form class="bs-example form-horizontal form-validation" name="form">

                        <span class="label bg-primary pos-rlt m-r inline wrapper-xs"><i class="arrow right arrow-primary"></i> 请完善店铺信息</span>
                        <div class="form-group">
                            <label class="col-lg-2 control-label">店铺LOGO/门头：</label>
                            <div class="col-lg-3">
                                <input type="file" class="form-control" style="border:none"
                                       ngf-select="upload($file,'face','facePic')"
                                       ngf-pattern="'image/*'" ngf-accept="'image/*'">
                                </input>
                            </div>
                            <div class="col-lg-3">
                                <a href="javascript:;" ng-if="info.facePic"  ng-click="removeImg('facePic')"  style="color:#FFFFFF;border-radius:2px;position:absolute;top:0px;background-color: red;">删除</a>
                                <img class="img-thumbnail" style="max-height:100px;" ng-click="showImg($event)"
                                     ng-src="{{info.facePic || 'img/thumb.jpg'}}"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-2 control-label">店铺名称：</label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" placeholder="请输入店铺名称" ng-model="info.name"
                                       required>
                            </div>
                            <label class="col-lg-2 control-label">店铺分类：</label>
                            <div class="col-lg-4">
                                <select class="form-control" ng-model="info.type" required >
                                    <option ng-repeat="cat in shopCategory" ng-value="cat.id">{{cat.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-2 control-label">店铺地址：</label>
                            <div class="col-lg-10">
                                <div class="col-lg-2" style="padding-right: 0;padding-left: 0;">
                                    <select class="form-control" ng-model="addr.province" required>
                                        <option value="">请选择</option>
                                        <!--这里设置select一定用额外属性，否则会导致出现空白项 -->
                                        <option ng-repeat="province in provinces" ng-value="province.provinceId" ng-selected="province.provinceId==addr.provinceSelect">
                                            {{province.province}}
                                        </option>
                                    </select>
                                </div>
                                <div class="col-lg-2" style="padding-left: 5px;padding-right: 0;">
                                    <select class="form-control" ng-model="addr.city" required>
                                        <option value="">请选择</option>
                                        <option ng-repeat="city in cities" ng-value="city.cityId">{{city.city}}</option>
                                    </select>
                                </div>
                                <div class="col-lg-2" style="padding-left: 5px;padding-right: 0;">
                                    <select class="form-control" ng-model="info.areaId" required>
                                        <option value="">请选择</option>
                                        <option ng-repeat="area in areas" ng-value="area.areaId">{{area.area}}</option>
                                    </select>
                                </div>
                                <div class="col-lg-6" style="padding-left: 5px;padding-right: 0;">
                                    <input type="text" class="form-control" placeholder="请输入详细地址"
                                           ng-model="info.address" required>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-2 control-label">营业执照：</label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" placeholder="请输入营业执照编号" ng-model="info.license"
                                       required>
                            </div>
                            <div class="col-lg-3">
                                <input type="file" class="form-control" style="border:none"
                                       ngf-select="upload($file,'license','licensePic')" name="file"
                                       ngf-pattern="'image/*'" ngf-accept="'image/*'">
                                </input>
                            </div>
                            <div class="col-lg-3">
                                <a href="javascript:;" ng-if="info.licensePic" ng-click="removeImg('licensePic')"
                                   style="color:#FFFFFF;border-radius:2px;position:absolute;top:0px;background-color: red;">删除</a>
                                <img class="img-thumbnail" style="max-height:100px;" ng-click="showImg($event)"
                                     ng-src="{{info.licensePic || 'img/thumb.jpg'}}"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label">店铺展示：</label>
                            <div class="col-lg-3">
                                <input type="file" class="form-control" style="border:none"
                                       ngf-select="uploadMulti($files,'inner')" name="files" ngf-multiple="true"
                                       ngf-pattern="'image/*'" ngf-accept="'image/*'">
                                </input>
                            </div>
                        </div>
                        <div class="form-group" >
                            <label class="col-lg-2 control-label"></label>
                            <div class="col-lg-2" ng-repeat="innerPic in innerPics">
                                <a href="javascript:;"   ng-click="removeMultiImg('innerPics',$index)"
                                   style="color:#FFFFFF;border-radius:2px;position:absolute;top:0px;background-color: red;">删除</a>
                                <img class="img-thumbnail" style="width:100%;" ng-click="showImg($event)"
                                     ng-src="{{innerPic || 'img/thumb.jpg'}}"/>
                            </div>
                        </div>

                        <span class="label bg-primary pos-rlt m-r inline wrapper-xs"><i class="arrow right arrow-primary"></i> 请完善负责人信息</span>

                        <div class="form-group">
                            <label class="col-lg-2 control-label">姓名：</label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" placeholder="负责人姓名" ng-model="info.manager"
                                       required>
                            </div>
                            <label class="col-lg-2 control-label">身份证：</label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" placeholder="负责人身份证号" ng-model="info.idcard"
                                       required>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label">身份证正面照片：</label>
                            <div class="col-lg-4">
                                <input type="file" class="form-control" style="border:none"
                                       ngf-select="upload($file,'idcard','idcardPic1')" name="file"
                                       ngf-pattern="'image/*'" ngf-accept="'image/*'">
                                </input>
                            </div>
                            <label class="col-lg-2 control-label">手持身份证照片：</label>
                            <div class="col-lg-4">
                                <input type="file" class="form-control" style="border:none"
                                       ngf-select="upload($file,'idcard','idcardPic2')" name="file"
                                       ngf-pattern="'image/*'" ngf-accept="'image/*'">
                                </input>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label"></label>
                            <div class="col-lg-4">
                                <a href="javascript:;" ng-if="info.idcardPic1" ng-click="removeImg('idcardPic1')"
                                   style="color:#FFFFFF;border-radius:2px;position:absolute;top:0px;background-color: red;">删除</a>
                                <img class="img-thumbnail" style="max-height:100px;" ng-click="showImg($event)"
                                     ng-src="{{info.idcardPic1 || 'img/thumb.jpg'}}"/>
                            </div>
                            <label class="col-lg-2 control-label"></label>
                            <div class="col-lg-4">
                                <a href="javascript:;" ng-if="info.idcardPic2" ng-click="removeImg('idcardPic2')"
                                   style="color:#FFFFFF;border-radius:2px;position:absolute;top:0px;background-color: red;">删除</a>
                                <img class="img-thumbnail" style="max-height:100px;" ng-click="showImg($event)"
                                     ng-src="{{info.idcardPic2 || 'img/thumb.jpg'}}"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label">电话：</label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" placeholder="联系电话" ng-model="info.phone"
                                       required>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-lg-4"></div>
                            <button type="submit" class="col-lg-4 btn btn-primary btn-lg" ng-click="submitApply()" style="margin-top:50px;" ng-disabled="_useraccount.status != -1">提交</button>
                            <div class="col-lg-4"></div>
                        </div>
                    </form>
                </div>


                <div class="panel-body ">
                    <form class="bs-example form-horizontal form-validation" name="form2">

                    </form>
                </div>
            </div>





            <!--<h4 class="m-t-lg m-b font-bold text-info">请完善店铺信息</h4>
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <form class="form-inline form-validation" role="form" name="form">
                        <div class="form-group">
                            <label class="col-sm-4 controls-label">店铺LOGO/门头</label>
                            <div class="col-sm-4">
                                <input type="file" class="form-control"
                                        ngf-select="upload($file,'license')" ng-model="file" name="file"
                                        ngf-pattern="'image/*'" ngf-accept="'image/*'">
                                </input>
                            </div>

                        </div>
                    </form>

                </div>
            </div>-->
        </div>
        <div class="col-md-3 column"></div>
    </div>
    <div class="row">
        <div class=""></div>
    </div>
    <div class="text-center" ng-include="'tpl/blocks/page_footer.html'"></div>
</div>